<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="swiper/css/swiper.css">
    <script src="swiper/js/swiper.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="main.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <title>trying</title>
  </head>
  <body>
    <div class="header">
        <div class="logo"><img src="assets/SGEIC logo_home page.png" alt="" ></div>
        <div class="sAndN">
            <div class="search"><input type="text" /><div ><img src="assets/Search icon_home page.png" alt=""></div></div>
            <nav class="nav" >
                <ul class="nav-name">
                    <li class="first-nav"><a href="">首页</a>
                        <ul class="nav-list">
                            <li class="nav-list3"><img src="assets/instructions_homepage.png" alt="" class="nav-img"></li>
                            <li class="nav-list2" ><a href="profile.html">公司简介</a></li>
                            <li class="nav-list2" ><a href="">公司领导</a></li>
                            <li class="nav-list2" ><a href="">公司领导</a></li>
                            <li class="nav-list2" ><a href="">公司领导</a></li>
                            <li class="nav-list2" ><a href="">公司领导</a></li>
                            <li class="nav-list2" ><a href="">公司领导</a></li>
                        </ul>
                    </li>
                    <li class="first-nav"><a href="">联系我们</a>
                        <ul class="nav-list">
                                <li class="nav-list3"><img src="assets/instructions_homepage.png" alt="" class="nav-img"></li>
                                <li class="nav-list2" ><a href="">公司简介</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                            </ul>
                    </li>
                    <li class="first-nav"><a href="">联系我们</a>
                        <ul class="nav-list">
                                <li class="nav-list3"><img src="assets/instructions_homepage.png" alt="" class="nav-img"></li>
                                <li class="nav-list2" ><a href="">公司简介</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                            </ul>
                    </li>
                    <li class="first-nav"><a href="">联系我们</a>
                        <ul class="nav-list">
                                <li class="nav-list3"><img src="assets/instructions_homepage.png" alt="" class="nav-img"></li>
                                <li class="nav-list2" ><a href="">公司简介</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                            </ul>
                    </li>
                    <li class="first-nav"><a href="">联系我们</a>
                        <ul class="nav-list">
                                <li class="nav-list3"><img src="assets/instructions_homepage.png" alt="" class="nav-img"></li>
                                <li class="nav-list2" ><a href="">公司简介</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                            </ul>
                    </li>
                    <li class="first-nav"><a href="">联系我们</a>
                        <ul class="nav-list last-list">
                                <li class="nav-list3"><img src="assets/instructions_homepage.png" alt="" class="nav-img"></li>
                                <li class="nav-list2" ><a href="">公司简介</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                                <li class="nav-list2" ><a href="">公司领导</a></li>
                            </ul>
                    </li>
                </ul>
            </nav>
        </div>
       
    </div>
<div class="home">
        <div class="swiper-container firstLbt">
            <div class="swiper-wrapper">
                <div  class="swiper-slide"  ><img src="assets/Home page_banner-1.png" alt=""></div>    
                <div  class="swiper-slide"  ><img src="assets/Home page_banner-2.jpg" alt=""></div>    
                <div  class="swiper-slide"  ><img src="assets/Home page_banner-3.png" alt=""></div>    
            </div>
            <div class="swiper-pagination"></div>
            
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
</div>
<div class="footerAll">
    <div class="footer">
        <div class="footerHeart">
            <div class="wxqqwb">
                <ul>
                    <li><img src="assets/QQ icon_home page.png" alt=""></li>
                    <li><img src="assets/WECHATicon_home page.png" alt=""></li>
                    <li><img src="assets/weibo icon_home page.png" alt=""></li>
                </ul>
                <span style="font-size :0.63rem;">公司地址：北京石景山区首钢厂东门 </span>
            </div>
            <div class="youqinglianjie">
                <span>友情链接</span>
                <ul style="list-style:disc;">
                    <li>中国钢铁新闻</li>
                    <li>钢之家</li>
                    <li>武汉钢铁公司</li>
                </ul>
            </div>
            <div class="guanliangongsi">
                <span>关联公司</span>
                <select name="guanliangongsi" id="">
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                </select>
            </div>
        </div>
    </div>
    <div class="secFooter">
        <div class="footerHeart">
            <div class="shengming">
                <ul>
                    <li><a href="">法律声明</a>&nbsp;|&nbsp;</li>
                    <li><a href="">网站地图</a>&nbsp;|&nbsp;</li>
                    <li><a href="">流量统计</a>&nbsp;|&nbsp;</li>
                    <li><a href="">人才招聘</a></li>
                </ul>
            </div>
            <div class="support"></div>
            <div class="copyright">技术支持：北京首钢自动化信息技术有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;©️版权所有2018&nbsp;&nbsp;北京首钢房地产开发有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;All Rights Reserved    </div>
        </div>
    </div>
</div>
<div class="xFCOut">
    <div class="xuanFuChuang">
        <div class="xFCL">
            <div class="xFCLL">
                <div class="xFCLTitle">
                    <div class="titleL">
                        <img src="assets/project icon_main board_homepage.png" alt="">
                        <span>主营业务 PROJECT</span> 
                    </div>
                    <div class="titleR">More></div>
                </div>
                <div class="xFCLLBT">
                    <div class="swiper-container syxlbt">
                        <div class="swiper-wrapper">
                            <div  class="swiper-slide"  ><img src="assets/lbtlittle.png" alt=""></div>    
                            <div  class="swiper-slide"  ><img src="assets/lbtlittle.png" alt=""></div>    
                            <div  class="swiper-slide"  ><img src="assets/lbtlittle.png" alt=""></div>    
                        </div>
                        <div class="swiper-pagination"></div>
                        
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                        
                        <!-- <div class="swiper-scrollbar"></div> -->
                    </div>
                </div>
            </div>
            <div class="xFCLR">
                <div class="xFCLRTitle">
                    <div class="titleL">
                        <img src="assets/news icon_main board_homepage.png" alt="">
                        <span>新闻资讯 NEWS</span> 
                    </div>
                    <div class="titleR">More></div>
                    
                </div>
                <div class="fgx" style="width: 19.5rem;margin-left: 2.75rem;"></div>
                <ul class="xFCLList">
                    <li><span onmouseover="changeList(this,1)" onmouseout="outList(this)">首钢新闻</span> &nbsp;|&nbsp;</li>
                    <li><span onmouseover="changeList(this,2)" onmouseout="outList(this)">股权动态</span> &nbsp;|&nbsp;</li>
                    <li><span onmouseover="changeList(this,3)" onmouseout="outList(this)">微信矩阵</span></li>
                </ul>
                <ul class="xFCLContent" id="first">
                    <li>
                        <p> 2018/10/31</p>
                        <p>全面贯彻落实市领导要求 确保项目按时按质完工</p>
                    </li>
                    <li>
                        <p> 2018/10/31</p>
                        <p>全面贯彻落实市领导要求 确保项目按时按质完工</p>
                    </li>
                </ul>
                <ul class="xFCLContent" id="second">
                    <li>aaaaaaaa</li>
                    <li>aaaaa</li>
                    <li>aaaaaaaaa</li>
                </ul>
                <ul class="xFCLContent" id="third">
                    <li>aaaaaaaa</li>
                    <li>aaaaaaa</li>
                    <li>aaaaaaa</li>
                </ul>
            </div>
        </div>
        <div class="xFCR">
            <ul>
                <li>
                    <div class="xFCRTitle">
                        <img src="assets/organization icon_main board_homepage.png" alt="" srcset="">
                        <div class="titleName">
                        <p>组织机构</p>
                        <p>organization</p>
                        </div>
                    </div>
                    <div class="fgx"></div>

                </li>
                <li>
                    <div class="xFCRTitle">
                        <img src="assets/organization icon_main board_homepage.png" alt="" srcset="">
                        <div class="titleName">
                        <p>组织机构</p>
                        <p>organization</p>
                        </div>
                    </div>
                    <div class="fgx"></div>
                </li>
                <li>
                    <div class="xFCRTitle">
                        <img src="assets/organization icon_main board_homepage.png" alt="" srcset="">
                        <div class="titleName">
                        <p>组织机构</p>
                        <p>organization</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
 
  </body>
</html>





